<template>
  <Row>
    <!-- 静态分页规则的table 2018/3/7 11:44 zhangQ -->
    <i-col>
      <slot :data="rows" :sortChange="sortChange">

      </slot>
      <Page :total="pagination.total" :current.sync="pagination.current" :page-size="pagination.pageSize"
            v-if="pagination.total>0"
            style="margin-top: 20px"
            show-total
            show-elevator
            :show-sizer="showSizer"
            :page-size-opts="pageSizeOpts"
            @on-change="pageOnChange"
            @on-page-size-change="pageSizeChange"></Page>
    </i-col>
  </Row>
</template>

<script>
  export default {
    name: 'index',
    data () {
      let pagination = {
        current: 1,
        total: 0,
        pageSize: this.pageSizeOpts[0]
      }
      let datas = { pagination }
      return datas
    },
    computed: {},
    methods: {},
    created () {
    },
    mounted () {
    },
    components: {}
  }
</script>

<style scoped>

</style>
